<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="英语随身学">
    <meta name="author" content="admin">
    <title>英语文章</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/style_header.css" />
    <link rel="stylesheet" type="text/css" href="css/articleShow.css" />
    <link rel="stylesheet" type="text/css" href="font/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/kratosr.min.css" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="manage/lib/mavon-editor/css/index.css"/>
  </head>
  <body class="page-download">
    <div id="top" class="header">
      <div class="header-content">
        <div class="container">
          <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#kod-navbar-collapse">
                  <span class="sr-only">切换导航</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <span class="logo">
                  <a href="/"><img src="./img/0b98cb865ca540ce99799f476f413238.png"></a>
                </span>
              </div>
              <div class="collapse navbar-collapse" id="kod-navbar-collapse">
                <ul class="nav navbar-nav">
                  <li>
                    <a href="/" class="nav-index">首页</a>
                  </li>
                  <li>
                    <a href="alphabet.html" class="nav-download">字母</a>
                  </li>
                  <li>
                    <a href="phonetic-symbol.html" class="nav-price">音标</a>
                  </li>
                  <li class="dropdown">
                    <a id="vocabulary" href="#" class="dropdown-toggle nav-home" data-toggle="dropdowns">
                      词汇 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                      <li><a href="vocabulary-1.html" class="nav-kodexplorer">日常生活常用词汇</a></li>
                      <li><a href="vocabulary-2.html" class="nav-kodoffice">高中英语教材词汇</a></li>
                      <li><a href="vocabulary-3.html" class="nav-kodeditor">大学英语四级词汇</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="translate.html" class="nav-help">翻译</a>
                  </li>
                  <li class="cur">
                    <a href="article.html" class="nav-">文章</a>
                  </li>
                  <li>
                    <a href="dailyEnglish.html" class="nav-about">每日英语</a>
                  </li>
                  <li class="dropdown">
                    <a id="user" href="#" class="dropdown-toggle nav-home" data-toggle="dropdowns">
                      用户 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" style="text-align: center;">
                      <li id="user-Login"><a href="#" class="nav-kodexplorer" data-toggle="modal" data-target="#loginModal">登录</a></li>
                      <li id="user-Rigester"><a href="#" class="nav-kodoffice" data-toggle="modal" data-target="#regModal">注册</a></li>
                      <li id="user-Notebook" style="display: none;"><a href="notebook.html" class="nav-kodeditor">单词本</a></li>
                      <li id="sign-out-one" style="display: none;" onclick="signOut()"><a href="#" class="nav-kodeditor">退出登录</a></li>
                    </ul>
                  </li>
                  <li id="sign-out-two" style="display: none;" onclick="signOut()">
                    <a href="#" class="nav-about">退出登录</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </div>
      <div class="header-banner"></div>
      <div class="head-tit-box">
        <div class="container">
          <h1 style="color: white;">英语文章</h1>
          <h4 style="color: white;">发现英文好文章，提升英语学习兴趣</h4>
        </div>
      </div>
    </div>

    <div class="modal fade bs-example-modal-sm" id="loginModal" tabindex="-1" role="ialog" aria-labelledby="loginModelTitle">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="width: 350px;margin:0 auto;">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="loginModelTitle">
              <span class="glyphicon glyphicon-user"></span> 账户登录
            </h4>
          </div>
          <div class="modal-body">
            <div id="myAlert1" class="alert alert-success" style="display: none;"></div>
            <div id="myAlert2" class="alert alert-warning" style="display: none;"></div>
            <form class="form-horizontal formRegister">
              <div class="form-group" id="accountidbox">
                <label for="accountid" id="accountidtitle" class="col-sm-3 col-xs-3 control-label">账户:</label>
                <div class="col-sm-9 col-xs-9">
                  <input type="text" class="form-control" id="accountid" placeholder="请输入账户……">
                </div>
              </div>
              <div class="form-group" id="accountpwdbox">
                <label for="accountpwd" id="accountpwdtitle" class="col-sm-3 col-xs-3 control-label">密码:</label>
                <div class="col-sm-9 col-xs-9">
                  <input type="password" class="form-control" id="accountpwd" placeholder="请输入密码……">
                </div>
              </div>
              <div class="form-group" id="accountpwdbox">
                <label for="accountpwd" id="accountpwdtitle" class="col-sm-3 col-xs-3 control-label">验证:</label>
                <div class="col-sm-5 col-xs-5">
                  <input id="verificationCode1" type="text" class="form-control input-code" placeholder="验证码">
                </div>
                <div class="col-sm-2 col-xs-2">
                  <span class="code" title='点击切换'></span>
                </div>
              </div>
              <div class="form-group hidden" id="vercodebox"></div>
              <div id="alertbox" role="alert"></div>
            </form>
          </div>
          <div class="modal-footer">
            <button id="regButton" style="float: left;display: none;" class="btn btn-link rightbtn" data-toggle="modal"
              data-target="#regModal">
              注册 <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
            </button>
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" id="dologinButton" class="btn btn-primary" onclick="userLogin()">登录</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade bs-example-modal-sm" id="regModal" tabindex="-1" role="ialog" aria-labelledby="loginModelTitle">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="width: 350px;margin:0 auto;">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">x</span>
            </button>
            <h4 class="modal-title" id="loginModelTitle">
              <span class="glyphicon glyphicon-user"></span> 用户注册
            </h4>
          </div>
          <div class="modal-body">
            <div id="myAlert3" class="alert alert-success fade in" style="display: none;"></div>
            <div id="myAlert4" class="alert alert-warning fade in" style="display: none;"></div>
            <form class="form-horizontal formRegister" id="registerfrom">
              <div class="form-group" id="userNamebox">
                <label for="userName" id="userNametitle" class="col-sm-3 col-xs-3 control-label">账户:</label>
                <div class="col-sm-9 col-xs-9">
                  <input type="text" class="form-control" id="userName" name="userName" placeholder="请输入账户……">
                </div>
              </div>
              <div class="form-group" id="userPasswordbox">
                <label for="userPassword" id="userPasswordtitle" class="col-sm-3 col-xs-3 control-label">密码:</label>
                <div class="col-sm-9 col-xs-9">
                  <input type="password" class="form-control" id="userPassword" name="userPassword" placeholder="请输入密码……">
                </div>
              </div>
              <div class="form-group" id="accountcheckpwdbox">
                <label for="accountcheckpwd" id="accountcheckpwdtitle" class="col-sm-3 col-xs-3 control-label">确认:</label>
                <div class="col-sm-9 col-xs-9">
                  <input type="password" class="form-control" id="checkpwd" name="checkpwd" placeholder="请输入确认密码……">
                </div>
              </div>
              <!-- <div class="form-group" id="userSexbox">
								<label for="userSex" id="userSextitle" class="col-sm-3 col-xs-3 control-label">性别:</label>
								<div class="col-sm-9 col-xs-9">
									<input id="man" type="radio" checked="checked" name="userSex" value="男" />&nbsp;&nbsp;男
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input id="woman" type="radio" name="userSex" value="女" />&nbsp;&nbsp;女
								</div>
							</div>
							<div class="form-group" id="userEmailBox">
								<label for="userEmail" id="userEmailtitle" class="col-sm-3 col-xs-3 control-label">年龄:</label>
								<div class="col-sm-9 col-xs-9">
									<input type="text" class="form-control" id="userAge" name="userAge" placeholder="请输入年龄……">
								</div>
							</div>
							<div class="form-group" id="userEmailBox">
								<label for="userEmail" id="userEmailtitle" class="col-sm-3 col-xs-3 control-label">邮箱:</label>
								<div class="col-sm-9 col-xs-9">
									<input type="text" class="form-control" id="userEmail" name="userEmail" placeholder="请输入邮箱……">
								</div>
							</div> -->
              <div class="form-group hidden" id="vercodebox"></div>
              <div id="alertbox" role="alert"></div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" id="dologinButton" class="btn btn-primary" onclick="userRegister()">注册</button>
          </div>
        </div>
      </div>
    </div>

    <div id="articleShow" class="displayBackground">
      <div id="kratos-wrapper">
        <div id="kratos-page">
          <div id="kratos-blog-post" class="displayBackgroundPicture" style="padding-top: 35px;">
            <div class="container">
              <div class="row">
                <div id="main">
                  <div id="move" class="col-md-2" style="display: none;"></div>
                  <section class="col-md-8">

                    <article id="articleDisplay">
                      <!-- <div class="kratos-hentry kratos-post-inner clearfix">
                        
                        <header class="kratos-entry-header">
                          <h1 class="kratos-entry-title text-center">Subway</h1>

                          <div class="kratos-post-meta text-center">
                            <span>
                              <i class="fa fa-calendar"></i> 2020-11-23
                              <i class="fa fa-folder"></i> 分类于 
                              <a class="label-link">
                                英语学习
                              </a>
                              <i class="fa fa-user"></i> 作者 admin
                              <i class="fa fa-edit"></i> 727 字
                            </span>
                          </div>
                        </header>
                        
                        <div class="kratos-post-content">

                          <hr>
                          <a rel="gallery" data-fancybox="gallery" data-caption="">
                            <img src="images/NYC+subway+station.jpeg" class="" title="NYC+subway+station.jpeg">
                          </a>

                          <p>&emsp;&emsp;In recent years, more and more cities in China have begun to build subways.
                            The development of subways can help reduce traffic congestion and air pollution in cities.
                            The subway has the advantages of safety, speed and comfort. More and more people choose the
                            subway as the main means of transportation to work or school every day. Nowadays, it is
                            becoming more and more convenient to take the subway in China. In some cities, passengers
                            can use a card or a mobile phone to take the subway. Many local elderly citizens can also
                            take the subway for free.</p>
                          <p>&emsp;&emsp;近年来，中国有越来越多的城市开始建设地铁。发展地铁有助于减少城市的交通拥挤和空气污染。地铁具有安全、快捷和舒适的优点。越来越多的人选择地铁作为每天上班或上学的主要交通工具。如今，在中国乘坐地铁正变得越来越方便。在有些城市里，乘客只需用卡或手机就可以乘坐地铁。许多当地老年市民还可以免费乘坐地铁。</p>

                        </div>

                        <div class="kratos-copyright text-center clearfix">
                          <h5>本作品采用
                            <a rel="license nofollow" target="_blank" href="http://creativecommons.org/licenses/by-sa/4.0/">
                              知识共享署名-相同方式共享 4.0 国际许可协议
                            </a>
                            进行许可
                          </h5>
                        </div>

                        <footer class="kratos-entry-footer clearfix">

                          <div class="post-like-donate text-center clearfix" id="post-like-donate">


                            <a class="share" href="javascript:;"><i class="fa fa-share-alt"></i> 分享</a>
                            <div class="share-wrap" style="display: none;">
                              <div class="share-group">
                                <a href="javascript:;" class="share-plain qq" onclick="share('qq');" rel="nofollow">
                                  <div class="icon-wrap">
                                    <i class="fa fa-qq"></i>
                                  </div>
                                </a>
                                <a href="javascript:;" class="share-plain qzone" onclick="share('qzone');" rel="nofollow">
                                  <div class="icon-wrap">
                                    <i class="fa fa-star"></i>
                                  </div>
                                </a>
                                <a href="javascript:;" class="share-plain weixin pop style-plain" rel="nofollow">
                                  <div class="icon-wrap">
                                    <i class="fa fa-weixin"></i>
                                  </div>
                                  <div class="share-int">
                                    <div class="qrcode" id="wechat-qr" title="https://blog.yongkj.cn/2020/11/23/subway/">
                                      <canvas id="myQrCode" width="150" height="150" style="display: none;"></canvas>
                                    </div>
                                    <p>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</p>
                                  </div>
                                </a>
                                <a href="javascript:;" class="share-plain weibo" onclick="share('weibo');" rel="nofollow">
                                  <div class="icon-wrap">
                                    <i class="fa fa-weibo"></i>
                                  </div>
                                </a>
                                <a href="javascript:;" class="share-plain facebook style-plain" onclick="share('facebook');" rel="nofollow">
                                  <div class="icon-wrap">
                                    <i class="fa fa-facebook"></i>
                                  </div>
                                </a>
                                <a href="javascript:;" class="share-plain twitter style-plain" onclick="share('twitter');" rel="nofollow">
                                  <div class="icon-wrap">
                                    <i class="fa fa-twitter"></i>
                                  </div>
                                </a>
                              </div>
                            </div>

                          </div>

                          <div class="footer-tag clearfix">
                            <div class="pull-left">
                              <i class="fa fa-tags"></i>
                              <a class="tag-none-link" rel="tag">study</a>, 
                              <a class="tag-none-link" rel="tag">effort</a>, 
                              <a class="tag-none-link" rel="tag">passion</a>, 
                              <a class="tag-none-link" rel="tag">struggle</a>
                            </div>
                            <div class="pull-date">
                              <span>最后编辑：2020-11-23</span>
                            </div>
                          </div>
                        </footer>
                        
                      </div>

                      <nav class="navigation post-navigation clearfix" role="navigation">

                        <div class="nav-previous clearfix">
                          <a title=" The Important of Speaking Ability and How to Develop It" href="/2020/11/23/improve-speaking-skills/">
                            &lt;上一篇
                          </a>
                        </div>
                        
                        <div class="nav-next clearfix">
                          <a title=" A Letter to a Foreign Friend Who Wants to Teach English in China" href="/2020/11/23/teach-English-in-China/">
                            下一篇&gt;
                          </a>
                        </div>
                      </nav> -->
                    </article>

                  </section>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="display" class="container" style="margin-top:40px;margin-bottom:30px;display: none;">
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8 essay">
          <h2 style="text-align: center;">
            <strong>RP音标诞生小历史</strong>
          </h2>
          <br>
          <div id="dplayer" style="border-radius: 5px;"></div>
          <br>
          <p style="text-indent:2em;">
            标准英音RP，又称标准英语Standard English、女王英语、BBC英语。RP口音，往往与高贵优雅上流社会连在一起。
          </p>
          <p style="text-indent:2em;">
            语音学家Daniel Jones 1917年编写出版&lt;剑桥英语正音词典&gt;，将英音归纳总结并以音标标注。自此，这本词典便成为最具权威的RP发音指南
          </p>
        </div>
        <div class="col-md-2"></div>
      </div>

    </div>

    <!-- jQuery (Bootstrap 插件需要引入) -->
    <script src="js/jquery.min.js"></script>
    <!-- 包含了所有编译插件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/TweenLite.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/EasePack.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/rAF.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.code.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.cookie-1.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/DPlayer.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/kratosr.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/marked.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/qrcode.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="manage/lib/vue/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="manage/lib/mavon-editor/mavon-editor.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/articleShow.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/userLoginAndRegister.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>
